<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>点光源模型+光阑</title>
    
</head>

<body>
    <div>
        light x:
        <input type="range" id="light_x" value="0" min="-20" max="20" step="0.1" onchange="light_move()">
        <!-- light y:
        <input type="range" id="light_y" value="0" min="-20" max="20" step="1" onchange="light_move()"> -->
        light z:
        <input type="range" id="light_z" value="0" min="-20" max="100" step="0.1" onchange="light_move()">
        light rotate x:
        <input type="range" id="light_rx" value="0" min="-20" max="100" step="0.1" onchange="rotate_gun()">
        light rotate z:
        <input type="range" id="light_rz" value="0" min="-20" max="100" step="0.1" onchange="rotate_gun()">
    </div>
    <script src="./three.js"></script>
    <script src="./main_complex.js"></script>
    <!-- <script src="./threeBSP.js"></script> -->

    
</body>

</html>